﻿<div id="order-form-test2">
    <div class="lelf-panel">
        <div class="commanline1">
            <button>New dealer</button>
            <button class="margin-right">New salesman</button>
        </div>

        <div class="commanline2">
            <button>New Quote</button>
            <div class="margin-right">
                <button>Edit</button>
                <button>Delete</button>
            </div>
        </div>

        <div id="tree" style="height: 450px;"></div>
    </div>

    <div class="right-panel scroll-panel">
        <div class="tabs">
            <ul>
                <li><a href="#tab-header">Header</a></li>
                <li><a href="#tab-line-items">Line Items</a></li>
                <li><a href="#tab-summary">Summary</a></li>
                <li><a href="#tab-debugger">Debugger</a></li>
            </ul>
            <div id="tab-data-model">
            </div>
            <div id="tab-header">
                <div class="left-table">
                    <table>
                        <tr>
                            <td>Box Type Select
                            </td>
                            <td>
                                <select disabled="disabled">
                                    <option>Select ...</option>
                                </select>
                            </td>
                        </tr>

                        <tr>
                            <td>Boxwork Interior
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Drawer Box
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Box Construction Details
                            </td>
                            <td>
                                <div class="list-checkbox-container"></div>
                            </td>
                        </tr>

                        <tr>
                            <td>Door Construction
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Upper Door
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Lower Door
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Outsite Profile Change
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Hinge
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Laminate Colors
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Foil Colors
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Drawer Front
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Wood Specie
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Finish Process
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Finish Color
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Signature Color
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Signature Elements
                            </td>
                            <td>
                                <div class="list-checkbox-container"></div>
                            </td>
                        </tr>

                        <tr>
                            <td>Sheen Level
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Upper Door
                            </td>
                            <td></td>
                        </tr>

                        <tr>
                            <td>Lower Door
                            </td>
                            <td></td>
                        </tr>

                        <tr>
                            <td>Finish
                            </td>
                            <td></td>
                        </tr>
                    </table>
                </div>

                <div class="right-table">
                    <table>
                        <tr>
                            <td>Accent Choice
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Accent Wood Specie
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Accent Finish Process
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Accent Finish Color
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Accent Sign Color
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>
                                <span>&nbsp</span>
                            </td>
                            <td></td>
                        </tr>

                        <tr>
                            <td>CD Outside Profile
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>CD Inside Profile
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>CD Panel Profile
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Hinge Color
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Laminate
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>EdgeTape
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>

                        <tr>
                            <td>Foil Edge Tape
                            </td>
                            <td>
                                <select></select>
                            </td>
                        </tr>
                    </table>
                </div>

                <div class="clear"></div>

                <div class="command">
                    <button disabled="disabled">Save Order</button>
                    <button disabled="disabled">Quote Complete</button>
                </div>

            </div>

            <div id="tab-line-items">
                <div class="search">
                    <div>
                        <input type="text" />
                        <button disabled="disabled">Search</button>
                    </div>
                    <button disabled="disabled">Add to Order</button>
                    <br />
                    <br />
                    <div class="order-tree"></div>
                </div>

                <div class="grid">
                    <div class="command">
                        <button disabled="disabled">Combo</button>
                        <button disabled="disabled">Copy</button>
                        <button disabled="disabled">Edit</button>
                        <button disabled="disabled">Delete</button>
                        <button disabled="disabled">Comments</button>
                    </div>
                    <div class="dyn-grid-view">
                        @Html.Partial("_gridviewLineItems")
                    </div>
                </div>

                <div class="clear"></div>
            </div>
            <div id="tab-summary"></div>
            <div id="tab-debugger"></div>
        </div>
    </div>
</div>


@section scripts
{
    <script>
        $(function () {
            ordertestform2.run();
            $('#gridview').show();
        })
    </script>
}
